﻿@*@inherits Nancy.ViewEngines.Razor.NancyRazorViewBase<GeometryServer.Models.Buffer>*@
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>Project Geometries (Geometry)</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="" />
    <meta name="author" content="" />
    <!--styles -->
    <link href="/Content/css/bootstrap.css" rel="stylesheet" />
    <style type="text/css">
        body
        {
            padding-top: 60px;
            padding-bottom: 40px;
        }
    </style>
    <link href="/Content/css/bootstrap-responsive.css" rel="stylesheet" />
    <link href="/Content/css/style.css" rel="stylesheet" />
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
</head>
<body>
<div class="navbar navbar-fixed-top">
        <div class="navbar-inner">
            <div class="container">
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span
                    class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
                </a><a class="brand" href="/rest/services">Geometry Server</a>
                <div class="nav-collapse">
                    <ul class="nav">
                        <li><a href="/rest/services">Home</a></li>
                        <li><a href="#about">About</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </div>
                <!--/.nav-collapse -->
            </div>
        </div>
    </div>
    <div class="container">
<form action="" method="get">
    <table>
        <tr valign="top">
            <td>
                Geometries:
            </td>
            <td>
                <textarea name="geometries" rows="20" cols="50">@Model.InputGeometries</textarea>
            </td>
        </tr>
        <tr>
            <td>
                Input Spatial Reference:
            </td>
            <td>
                <input name="inSR" value="@Model.InputSpatialReference" type="text"/>
            </td>
        </tr>
        <tr>
            <td>
                Output Spatial Reference:
            </td>
            <td>
                <input name="outSR" value="@Model.OutputSpatialReference" type="text"/>
            </td>
        </tr>
        <tr>
            <td>
                Buffer Spatial Reference:
            </td>
            <td>
                <input name="bufferSR" value="@Model.BufferSpatialReference" type="text"/>
            </td>
        </tr>
        <tr>
            <td>
                Buffer Distance:
            </td>
            <td>
                <input name="distances" value="@Model.BufferDistance type="text"/>
            </td>
        </tr>
        <tr>
            <td>
                Distance Unit (WKID):
            </td>
            <td>
                <input name="unit" value="@Model.DistanceUnit" type="text"/>
            </td>
        </tr>
        <tr>
            <td>
                Union Results:
            </td>
            <td>
                <input type="radio" value="true" name="unionResults"/>True
                <input type="radio" checked="true" value="false" name="unionResults"/>False 
            </td>
        </tr>
        <tr>
            <td>
                Format:
            </td>
            <td>
                <select name="f">
                    <option>HTML</option>
                    <option value="json">JSON</option>
                </select>
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <input value="Buffer" class="btn btn-primary btn-large"  type="submit"/>
            </td>
        </tr>
    </table>
    </form>
    <div>@Model.Result</div>
    <div>@Model.Exception</div>
    </div>
     <!-- Placed at the end of the document so the pages load faster -->
    <script src="/Content/js/jquery.js"></script>
    <script src="/Content/js/bootstrap-transition.js"></script>
    <script src="/Content/js/bootstrap-alert.js"></script>
    <script src="/Content/js/bootstrap-modal.js"></script>
    <script src="/Content/js/bootstrap-dropdown.js"></script>
    <script src="/Content/js/bootstrap-scrollspy.js"></script>
    <script src="/Content/js/bootstrap-tab.js"></script>
    <script src="/Content/js/bootstrap-tooltip.js"></script>
    <script src="/Content/js/bootstrap-popover.js"></script>
    <script src="/Content/js/bootstrap-button.js"></script>
    <script src="/Content/js/bootstrap-collapse.js"></script>
    <script src="/Content/js/bootstrap-carousel.js"></script>
    <script src="/Content/js/bootstrap-typeahead.js"></script>
</body>
</html>
